<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Highcharts Example</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <style type="text/css">
        ${demo.css}
    </style>
    <script type="text/javascript">
        $(function () {
            $('#container').highcharts({

                chart: {
                    type: 'bubble',
                    zoomType: 'xy'
                },

                title: {
                    text: 'Highcharts Bubbles'
                },

                series: [
                    {
                        data: [
                            [97, 36, 79],
                            [94, 74, 60],
                            [68, 76, 58],
                            [64, 87, 56],
                            [68, 27, 73],
                            [74, 99, 42],
                            [7, 93, 87],
                            [51, 69, 40],
                            [38, 23, 33],
                            [57, 86, 31]
                        ]
                    },
                    {
                        data: [
                            [25, 10, 87],
                            [2, 75, 59],
                            [11, 54, 8],
                            [86, 55, 93],
                            [5, 3, 58],
                            [90, 63, 44],
                            [91, 33, 17],
                            [97, 3, 56],
                            [15, 67, 48],
                            [54, 25, 81]
                        ]
                    },
                    {
                        data: [
                            [47, 47, 21],
                            [20, 12, 4],
                            [6, 76, 91],
                            [38, 30, 60],
                            [57, 98, 64],
                            [61, 17, 80],
                            [83, 60, 13],
                            [67, 78, 75],
                            [64, 12, 10],
                            [30, 77, 82]
                        ]
                    }
                ]
            });
        });
    </script>
</head>
<body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/highcharts-more.js"></script>
<script src="../../js/modules/exporting.js"></script>

<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
</body>
</html>
